홈페이지 실습 210728_[23]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_6_NAVER_blog_2_end 오늘은 블로그 메인 오른쪽 영역, 메인 푸터 영역. 블로그 챌린지 프로그램 영역에 대한 제작은 진행하였다. 메인 오른쪽 영역 △ 오른쪽 로그인 영역 △ 로그인 영역 밑에 부분 메인 하단 영역 △ footer 영역 블로그 챌린지 프로그램 △ 하단 영역은 blog main page와 동일하게 적용 HTML code CSS code 블로그 상세 페이지에서 border값 설정 css code HTM... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습htmlCSS 210719_[16]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_3_NAVER_main_page_1 2. whatfont : site의 글자들의 폰트에 대한 정보를 알 수 있다. 3. color zilla : site의 쓰여진 색상에 대한 정보를 알 수 있다. 7. css viewer : 개발자 도구를 열어보지 않고 css에 대한 정보를 알 수 있다. 위에 tool들을 활용하면, 웹 프로그래밍에 보조 수단으로 유용하게 사용할 수 있다. ▽ 스크린샷에는 다 나타나지 않았으나 오늘 읽을만한 글... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습htmlCSS 210716_[15]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_2_helbak_덴마크쇼핑몰_layout 오늘은 반응형 웹사이트 (Responsive Web)인 helbak이라고 하는 여태껏 많이 실습에 간접적으로 참고하였던 덴마크 쇼핑몰 site의 layout을 직접 짜는 실습을 하였다. HTML 작성 style.css (스타일 및 미디어 쿼리) 키즈가오 사이트와 다른점은 animation을 넣는게 아니라 파일자체가 두개밖에 없고 style.css에 미디어쿼리 코드를 같이 썼다는 점이다. HT... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습media querieshtmlCSS 210713_[12]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_1_kidsgao 앞서 2주간 학습하였던 HTML과 css의 기본내용으로 kidsgao라고 하는 강사님이 3달 학습후에 처음으로 외주를 받아서 만든 상업 홈페이지에 대한 실습을 하였다. 4. 허수아비와 좌우측 벼 그림 (farm2) 5. 탈곡기의 톱니 부분들의 회전 및 좌측 위편에 창문과 오른쪽 부분의 text 문구 (farm3) 크게 5가지에 대한 실습을 진행하였다. css code ``` #intro .i... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습media querieshtmlCSS 210720_[17]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_3_NAVER_main_page_2_end 어제에 이어 네이버 메인 페이지 실습과정을 끝 마쳤다. △ 오른쪽 영역 △ footer 영역 로그인 영역 제작 로그인 버튼을 a tag로 제작하였고 inline 요소인데 display를 통하여 block으로 바꿔주었다. block의 성질 (아래 그림 보라색 참조)과 같이 div tag 안에 있는 로그인 칸을 쭉 채우기 위해 사용 쇼핑 타이틀 부분 ( 트렌드 쇼핑 ) 어제 학습한 것과 같이 t... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습htmlCSS
210728_[23]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_6_NAVER_blog_2_end 오늘은 블로그 메인 오른쪽 영역, 메인 푸터 영역. 블로그 챌린지 프로그램 영역에 대한 제작은 진행하였다. 메인 오른쪽 영역 △ 오른쪽 로그인 영역 △ 로그인 영역 밑에 부분 메인 하단 영역 △ footer 영역 블로그 챌린지 프로그램 △ 하단 영역은 blog main page와 동일하게 적용 HTML code CSS code 블로그 상세 페이지에서 border값 설정 css code HTM... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습htmlCSS 210719_[16]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_3_NAVER_main_page_1 2. whatfont : site의 글자들의 폰트에 대한 정보를 알 수 있다. 3. color zilla : site의 쓰여진 색상에 대한 정보를 알 수 있다. 7. css viewer : 개발자 도구를 열어보지 않고 css에 대한 정보를 알 수 있다. 위에 tool들을 활용하면, 웹 프로그래밍에 보조 수단으로 유용하게 사용할 수 있다. ▽ 스크린샷에는 다 나타나지 않았으나 오늘 읽을만한 글... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습htmlCSS 210716_[15]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_2_helbak_덴마크쇼핑몰_layout 오늘은 반응형 웹사이트 (Responsive Web)인 helbak이라고 하는 여태껏 많이 실습에 간접적으로 참고하였던 덴마크 쇼핑몰 site의 layout을 직접 짜는 실습을 하였다. HTML 작성 style.css (스타일 및 미디어 쿼리) 키즈가오 사이트와 다른점은 animation을 넣는게 아니라 파일자체가 두개밖에 없고 style.css에 미디어쿼리 코드를 같이 썼다는 점이다. HT... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습media querieshtmlCSS 210713_[12]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_1_kidsgao 앞서 2주간 학습하였던 HTML과 css의 기본내용으로 kidsgao라고 하는 강사님이 3달 학습후에 처음으로 외주를 받아서 만든 상업 홈페이지에 대한 실습을 하였다. 4. 허수아비와 좌우측 벼 그림 (farm2) 5. 탈곡기의 톱니 부분들의 회전 및 좌측 위편에 창문과 오른쪽 부분의 text 문구 (farm3) 크게 5가지에 대한 실습을 진행하였다. css code ``` #intro .i... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습media querieshtmlCSS 210720_[17]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_3_NAVER_main_page_2_end 어제에 이어 네이버 메인 페이지 실습과정을 끝 마쳤다. △ 오른쪽 영역 △ footer 영역 로그인 영역 제작 로그인 버튼을 a tag로 제작하였고 inline 요소인데 display를 통하여 block으로 바꿔주었다. block의 성질 (아래 그림 보라색 참조)과 같이 div tag 안에 있는 로그인 칸을 쭉 채우기 위해 사용 쇼핑 타이틀 부분 ( 트렌드 쇼핑 ) 어제 학습한 것과 같이 t... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습htmlCSS